<!DOCTYPE html>
<!--解决idea thymeleaf 表达式模板报红波浪线-->
<!--suppress ALL -->
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <!-- 引入公用部分 -->
        <script th:replace="head::static"></script>
        <!-- 样式 -->
        <link th:href="@{/css/common.css}" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">字典列表</div>
                    <div class="layui-card-body">
                        <!-- 表格主体 -->
                        <table class="layui-hide" id="table" lay-filter="test"></table>
                        <!-- 模板 -->
                        <script type="text/html" id="tableToolbar">
                            <div class="layui-btn-container">
                                <button class="layui-btn layui-btn-sm" lay-event="addData">新增</button>
                                <input type="text" id="queryByDictType" name="queryByDictType" autocomplete="off"
                                       placeholder="请输入字典类型" class="layui-input layui-btn-sm">
                                <button class="layui-btn layui-btn-sm" lay-event="query">查询<i class="layui-icon layui-icon-search"></i></button>
                            </div>
                        </script>
                        <script type="text/html" id="tableBar">
                            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                        </script>
                    </div>
                </div>
            </div>
            <!-- 操作表单 -->
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">操作表单</div>
                    <div class="layui-card-body">
                        <form id="form" class="layui-form layui-form-pane">
                            <div class="layui-form-item">
                                <label class="layui-form-label">字典类型</label>
                                <div class="layui-input-block">
                                    <input type="text" name="dictType" autocomplete="off" placeholder="字典类型"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">字典状态</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="status" value="0" title="正常">
                                    <input type="radio" name="status" value="1" title="禁用">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">字典标签</label>
                                <div class="layui-input-block">
                                    <input type="text" name="dictLabel"  autocomplete="off" placeholder="字典标签" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">数据值</label>
                                <div class="layui-input-block">
                                    <input type="text" name="dictVal"  autocomplete="off" placeholder="数据值" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <a class="layui-btn" onclick="dictFormSave()">保存</a>
                                </div>
                            </div>

                            <!-- 隐藏域 -->
                            <input type="text" name="id" hidden="hidden"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <!-- js -->
    <script th:src="@{/js/sys/dict/dict.js}"></script>
</html>